﻿<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
<%@include file="../../commons/meta.jsp"%>
<c:set var="baseUrl" value="${ctx}api/forecast-price/" scope="request"/>
<link rel="stylesheet" href="${ctx}assets/plugins/pure/pure-min.css" media="all" />
<script type="text/javascript" src="${ctx}assets/plugins/plupload/2.2.1/js/plupload.full.min.js"></script>
<script type="text/javascript" src="${ctx}assets/plugins/plupload/2.2.1/js/i18n/zh_CN.js"></script>
</head>
<body>
    <%@include file="../../commons/head.jsp"%>
    <div class="content">
        <%@include file="../../commons/menu.jsp"%>
        <!--右侧展示部分-->
        <div class="right-zq">
            <!--center content-->
            <div class="dynamic">
                <form id="listForm" action="${ctx}api/forecast-price/" method="post">
                    <div class="role dynamiclayer" style="display: block;">
                        <div class="title orange2">
                            <span class="left">志愿管理</span>
                            <label> > </label>
                            <span>次数价格设置</span>
                        </div>
                        <!-- class标识查询区域的高度 -->
                        <div class="role-input">
                            <div class="button">
                                <span class="orange2" onclick="listFormPageSearch(1)">查询</span>
                                <s:authorize access="hasAuthority('forecast:price:add')">
                                    <span class="orange2"><a href="${baseUrl}add">添加</a></span>
                                </s:authorize>
                            </div>
                        </div>
                        <div class="role-table role-table2">
                            <table cellspacing="0px" id="datatable">
                            </table>
                        </div>
                        <div class="role-page">
                            <input type="hidden" id="pageSize" name="pageSize" value="10" />
                            <ul id="datapagefoot">
                            </ul>
                        </div>
                    </div>
                </form>
            </div>
            <!--center content over-->
        </div>
    </div>
    <script type="text/javascript">
 function getHeadTd(name) {
  return '<td class="head"><span>' + name + '</span></td>';
 }

 function getHead(headArray) {
  var tr = "<tr>";
  $.each(headArray, function (index, item) {
   tr += getHeadTd(item);
  });
  tr += "</tr>";
  return tr;
 }

 function getValueTd(value) {
  return '<td>' + value + '</td>';
 }

 function getValueTr(valueArray) {
  var tr = "<tr>";
  $.each(valueArray, function (index, item) {
   tr += getValueTd(item);
  });
  tr += "</tr>";
  return tr;
 }

 function filtUndef(value) {
  if (typeof(value) == "undefined") {
   return "";
  }
  return value;
 }

 var defaultPageFoot = '';//datapagefoot
 defaultPageFoot += '<li><a class="first orange2-text" id="firstPage" href="javascript:void(0);"><fmt:message key="sys.home"/></a></li>';
 //<li><a class="next orange-text orange-border" id="pagesNextPage" href="javascript:void(0);"><fmt:message key="member.nextPage"/></a></li>
 defaultPageFoot += '<li>共<label class="num"  id="pagesPageCount">0</label>页，每页<label class="num">10</label>条，';
 defaultPageFoot += '到第<input type="text" id="pageNumers" name="pageNumber" value="1" maxlength="9" onpaste="return false;" class="num" />页';
 defaultPageFoot += '<span class="confirm orange2-text orange2-border"  onclick="listFormPageSearch(1)"><fmt:message key="determine"/></span></li>';

 /**分页查询*/
 function listFormPageSearch(pageNum) {
  var pageForm = $("#listForm").serializeObject();
  var pageCounts = $("#pageCounts").val();
  checkPageNumber(pageForm, pageNum);

  var searchMap = [];
  $.each(pageForm, function (name, value) {
   if (name.indexOf('searchMap') >= 0) {
    var searchMapMeta = {};
    delete pageForm[name];
    var name2 = name.replace("searchMap.", "");
    searchMapMeta[name2] = value;
    searchMap.push(name2 + "," + value);
   }
  });
  pageForm.searchList = searchMap;
  // 默认按照次数升序排序
  pageForm.sort="forecastNum";
  var searchJsonUrl = 'api/forecast-price/page.json';
  var pageData = JSON.stringify(pageForm);
  var tableHead = ['序号','次数','价格(元)','创建时间','创建者','操作'];

  var tableHtml = getHead(tableHead);
  $.ajax({
   url: searchJsonUrl + "?rand=" + Math.random(),
   data: pageData,
   type: 'POST',
   contentType: "application/json",
   dataType: 'json',
   success: function (pages) {
    var base = pages.pageSize*(pages.pageNumber-1);
    var tr = "";
    $.each(pages.rows, function (index, item) {
     var trtmp = getValueTr([
      (base+index+1),
      filtUndef(item.forecastNum),
      filtUndef(item.price),
      getTimeYMDHMSStr(item.createTime),
      filtUndef(item.username),
      <s:authorize access="hasAuthority('forecast:price:del')">
      '<a href="javascript:void(0);" onclick="del(' + item.id + ')">删除</a>' +
      </s:authorize>
      ''
      ]);
     tr += trtmp;
    });
    if (isEmpty(tr)) {
     tr = "<tr><td colspan='" + tableHead.length + "' class='error'><fmt:message key='Temporarily.no.data'/></td></tr>";
    }

    $("#datatable").html(tableHtml + tr);
    $("#pageSize").val(pages.pageSize);
    $("#datapagefoot").html(getPageFoot(pages));
    //解决当上次查询无数据时，弹出 “请输入合理的页码范围!”提示
    if ($("#pageCounts").val() == "0") {
     $("#pageCounts").val("");
    }
   }, error: function (xhr) {
    alertError("<fmt:message key='sys.message.searcherror'/>");//请求失败遇到异常触发
    $("#datapagefoot").html(getDefaultPageFoot());
   }
  });
 }

 function del(id) {
   var setIds = [];
   setIds.push(id);
   layer.confirm('确定要删除该条数据？', {
      btn: ['确定', '取消']
    , btn2: function (index, layero) {
       layer.close(index);
    }, title: ['删除提示', true]
   }, function (index, layero) {
      rowDelete(setIds);
   });
  }

  function rowDelete(id) {
   debugs(id);
   $.ajax({
    url: "${ctx}api/forecast-price/remove",
    type: 'POST',
    contentType: "application/json",
    dataType: 'json',
    data: JSON.stringify({"ids": id}),
    success: function (data) {
     debugs(data);
     if (data != null && data.flag) {
       layer.alert(
           '删除成功', 
           {
               icon: 1,
               skin: 'layer-ext-moon',
               closeBtn: 0
           },
           function(){
               $('#listForm').submit();
           }
       );
     } else {
       alertError('删除失败');
     }
    }
   });
  }
  
  // 默认执行分页查询
  listFormPageSearch(1);
</script>
    <%@include file="../../commons/footpop.jsp"%>
</body>
</html>
